<template>
  <div>
    <el-table
      :data="tableDataList"
      style="width: 100%"
      border
      @cell-click="tEdit"
      :height="400"
    >
      <el-table-column prop="item" label="item款号"></el-table-column>
      <el-table-column prop="salesAmount" label="销售金额"></el-table-column>
      <el-table-column
        prop="salesAmountRatio"
        label="销售金额占比（占全品类/top50）"
        width="140"
      ></el-table-column>
      <el-table-column prop="salesNumber" label="销售件数"></el-table-column>
      <el-table-column
        prop="salesNumberRatio"
        label="销售件数占比"
      ></el-table-column>
      <el-table-column prop="avgSalePrice" label="件均单价"></el-table-column>
      <el-table-column prop="discountRate" label="折扣率"></el-table-column>
      <el-table-column prop="returnRate" label="退货率"></el-table-column>
      <el-table-column prop="sellOutRate" label="售罄率"></el-table-column>
      <el-table-column prop="visitors" label="商品访客数"></el-table-column>
      <el-table-column
        prop="visitorsRatio"
        label="访客数占总比"
      ></el-table-column>
      <el-table-column
        prop="payConversionRate"
        label="支付转化率"
      ></el-table-column>

      <el-table-column
        prop="inventoryQuantity"
        label="库存数量"
      ></el-table-column>
      <el-table-column
        prop="inventoryAmount"
        label="库存金额"
      ></el-table-column>
    </el-table>
  </div>
</template>
      <script>
export default {
  props: {
    tableDataList: {
      type: Array,
      default: () => [],
    },
  },
  methods: {
    tEdit(row) {
      this.$emit("getsaleComprehensiveStatistics", row.item);
    },
  },
};
</script>